<div class="row">
                        
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="icon"><i class="icon20 i-stack-list"></i></div>
                <h4><?= trans('title_form_create') ?></h4>
                <a href="#" class="minimize"></a>
            </div><!-- End .panel-heading -->
        
            <div class="panel-body">
                
                <form id="form" class="form-horizontal" role="form" method="post" enctype="multipart/form-data">

                    <div class="form-group">
                        <label class="col-lg-2 control-label"><?= trans('title_sec_name') ?></label>
                        <div class="col-lg-4">
                            <select name="section" id="section" class="select2">
                                <option></option>
                                <?php
                                    foreach($section as $sec){
	                                   echo '<option value="'.$sec['sec_id'].'">'.$sec['sec_name'].'</option>';
                                    }
                                ?>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-lg-2 control-label"><?= trans('title_cata_name') ?></label>
                        <div class="col-lg-4">
                            <select name="catalogue" id="catalogue" class="select2">
                                <option></option>
                            </select>
                        </div>
                    </div>

                    <div class="panel-body noPadding">
                        <ul id="myTab" class="nav nav-tabs">
                            <?php
                            $i=0;
                            foreach($language as $lang){
                                if($i==0){
                                    echo '<li class="active"><a href="#'.$lang['lang_code'].'" data-toggle="tab">'.$lang['country'].'</a></li>';
                                }else{
                                    echo '<li><a href="#'.$lang['lang_code'].'" data-toggle="tab">'.$lang['country'].'</a></li>';
                                }
                                $i++;
                            }
                            ?>
                        </ul>

                        <div class="tab-content">
                            <?php
                            $i=0;
                            foreach($language as $lang){
                                if($i == 0){
                                    echo '<div class="tab-pane fade in active form-group" id="'.$lang['lang_code'].'">';
                                }else{
                                    echo '<div class="tab-pane fade form-group" id="'.$lang['lang_code'].'">';
                                }
                            ?>
                                <div class="form-group">
                                    <label class="col-lg-2 control-label"><?= trans('title_art_title') ?></label>
                                    <div class="col-lg-10">
                                        <input type="text" name="art_title_<?= $lang['lang_code'] ?>" class="required form-control">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-lg-2 control-label"><?= trans('title_art_content') ?></label>
                                    <div class="col-lg-10">
                                        <textarea name="art_content_<?= $lang['lang_code'] ?>" class="art_content required form-control" rows="20"></textarea>
                                    </div>
                                </div>
                                <div class="subArticle">
                                    <div class="form-group">
                                        <label for="grid" class="col-lg-2 control-label"><?= trans('title_sub_art_title') ?></label>
                                        <div class="col-lg-10">
                                            <div class="col-lg-6">
                                                <input type="text" name="sub_title_<?= $lang['lang_code'] ?>[]" class="form-control">
                                            </div>
                                            <div class="col-lg-5">
                                                <select class="select2 gallery" name="gallery_id_old_<?= $lang['lang_code'] ?>[]">
													<?php
														foreach($gallery as $gal){
															echo ' <optgroup label="'.$gal['name'].'">';
															foreach($gal['items'] as $item){
																echo '<option value="'.$item['gallery_id'].'">'.$item['gallery_name'].'</option>';
															}
															echo ' </optgroup>';
														}
													?>
												</select>
                                            </div>
                                            <div class="col-lg-1"><i class="icon16 i-close deleteSub" style="margin-top:10px"></i></div>
                                        </div>
                                    </div>
                                </div>
                                <a class="info btn btn-info gap10 addMore" lang="<?= $lang['lang_code'] ?>" href="javascript:void(0)" style="float:right"><?= trans('title_add_more') ?></a>
                            </div>
                            <?php
                                $i++;
                            }
                            ?>
                        </div>
                        <!-- <div class="subArticle">
                            <div class="form-group mainSub">
                                <label for="grid" class="col-lg-2 control-label"><?= trans('title_sub_art_title') ?></label>
                                <div class="col-lg-10">
                                    <div class="col-lg-6">
                                        <input type="text" name="sub_title[]" class="form-control">
                                    </div>
                                    <div class="col-lg-5">
                                        <select class="select2 gallery" name="gallery_id[]">
                                            <option></option>
                                            <?php
                                                foreach($gallery as $gal){
                                                    echo '<option value="'.$gal['gallery_id'].'">'.$gal['gallery_name'].'</option>';
                                                }
                                            ?>
                                        </select>
                                    </div>
                                    <div class="col-lg-1"><i class="icon16 i-close deleteSub" style="margin-top:10px"></i></div>
                                </div>
                            </div>
                        </div>
                        <a class="info btn btn-info gap10 addMore" href="javascript:void(0)" style="float:right"><?= trans('title_add_more') ?></a> -->

                    </div>
                    <div class="clear"></div>

                    <div class="form-group">
                        
                        <div class="col-lg-offset-2">
                            <div class="pad-left15">
                                <button type="submit" class="btn btn-primary"><?= trans('btt_save') ?></button>
                                <button type="button" class="btn"><?= trans('btt_cancel') ?></button>
                            </div>
                        </div>
                    </div>
        
                </form>
            </div>
        </div>
    </div>
</div>